<template>
  <div class="profitloss">
    <div class="title">
      <img
        src="../../assets/images/cz1.png"
        alt=""
        class="goback"
        @click="goback"
      />
      {{$t('long.gonggao')}}
    </div>
    <div style="height: 11.7vw"></div>
    <div class="list">
      <div v-for="(item, index) in list" @click="goInform(index)" :key="index">
        <p>{{ item.title }}</p>
        <div>
          {{ item.createTime }}
          <img src="../../assets/images/connent1.png" alt="" />
        </div>
      </div>
    </div>
  </div>
</template>
<script>

export default {
  name: "profitloss",
  data () {
    return {
      textContent: '',
      title: "",
      list: []
    }
  },
  computed: {},
  async created () {
    const ret1 = await this.$http({
      url: "/system/articleManagement/getArticleManagement",
      method: "post",
      data: {
        articleTypeCode: "1563385493535264457",
      },
    })
    if (ret1.data.code === 0) {
      this.list = ret1.data.data
      //   this.textContent = ret1.data.data[this.$route.query.id].textContent
      //   this.title = ret1.data.data[this.$route.query.id].title
    }
  },
  methods: {
    goback () {
      this.$router.go("-1")
    },
    goInform (ind) {
      this.$router.push({
        path: "/inform",
        query: {
          id: ind,
        },
      })
    },
  },
};
</script>
<style lang="scss" scoped>
.profitloss {
  font-size: 3.2vw;
  .title {
    font-size: 4.8vw;
    line-height: 44px;
    background-color: #090A1B;
    color: rgba(255, 255, 255, 100);
    text-align: center;
    //font-family: Arial;
    margin-bottom: 2vw;
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100vw;
    .img {
      position: absolute;
      top: 3.6vw;
      right: 4vw;
      display: flex;
      justify-content: space-between;
      img {
        width: 5vw;
      }
    }
    .goback {
      position: absolute;
      top: 3vw;
      left: 2vw;
      width: 5.3vw;
      height: 5.3vw;
    }
  }
  .list {
    text-align: left;
    > div {
      margin: 20px;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      > p {
        width: 43vw;
        line-height: 19.25px;
        letter-spacing: 0.5px;
      }
      > div {
        display: flex;
        align-items: center;
        img {
          width: 20px;
        }
      }
    }
  }
}
</style>